<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>情侣APP - 绑定情侣</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <!-- 绑定情侣界面 -->
        <div class="screen">
            <div class="screen-title">绑定情侣</div>
            <div class="binding-screen">
                <h3>邀请你的另一半</h3>
                <p style="color: #888; margin-top: 10px;">分享以下绑定码给你的另一半</p>
                <div class="binding-code">MUA520</div>
                <div class="qr-code">
                    <i class="fas fa-qrcode" style="font-size: 100px; color: #ddd;"></i>
                </div>
                <p style="color: #888; margin-bottom: 20px;">或者扫描二维码绑定</p>
                <button class="btn" id="shareCodeBtn">分享绑定码</button>
                <p style="margin-top: 30px;">已有绑定码？</p>
                <input type="text" class="input-field" placeholder="输入绑定码" style="margin-top: 15px;">
                <button class="btn" id="confirmBindBtn">确认绑定</button>
                <button class="btn btn-outline" id="skipBindBtn" style="margin-top: 20px;">暂不绑定</button>
            </div>
        </div>
    </div>
    
    <script src="script.js"></script>
    <script>
        // 页面跳转逻辑
        document.getElementById('confirmBindBtn').addEventListener('click', function() {
            alert('绑定成功！');
            window.location.href = 'dashboard.html';
        });
        
        document.getElementById('skipBindBtn').addEventListener('click', function() {
            window.location.href = 'dashboard.html';
        });
        
        document.getElementById('shareCodeBtn').addEventListener('click', function() {
            alert('已复制绑定码到剪贴板！');
        });
    </script>
</body>
</html> 